import {Toast, Card,Button, WhiteSpace, WingBlank } from 'antd-mobile';
export default class oldList extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedTab: 'redTab',
      hidden: false,
      fullScreen: false,
    };
  }
  onhandleCard(){
    console.log("aaaa")

    Toast.info('这是查看订单详情', 1);

  }
  render() {
    console.log("aaaaaaaa")
    return (
      <div>
        <WingBlank>
          <WhiteSpace/>
          <WhiteSpace/>
          <Card onClick={()=>this.onhandleCard()}>
            <Card.Header
              title="订单号"
              thumbStyle={{height:"40%", width:"40%"}}
              extra={<span>下单时间</span>}
            />
            <Card.Body>
              <div>此处显示收货地址</div>
              <div>此处显示金额</div>
            </Card.Body>
            <Card.Footer  extra={<Button type="primary" inline size="large" >再来一单</Button>} />
          </Card>
        </WingBlank>
        <WingBlank>
          <WhiteSpace/>
          <WhiteSpace/>
          <Card onClick={()=>this.onhandleCard()}>
            <Card.Header
              title="订单号"
              thumbStyle={{height:"40%", width:"40%"}}
              extra={<span>下单时间</span>}
            />
            <Card.Body>
              <div>此处显示收货地址</div>
              <div>此处显示金额</div>
            </Card.Body>
            <Card.Footer  extra={<Button type="primary" inline size="large" >再来一单</Button>} />
          </Card>
        </WingBlank>
      </div>
    );
  }
}
